<template>
  <div>
      <el-page-header>
          <template #breadcrumb>
              <el-breadcrumb separator="/">
                  <el-breadcrumb-item :to="{ path: 'outTeacher' }">
                      校外教师
                  </el-breadcrumb-item>
                  <el-breadcrumb-item>个人中心</el-breadcrumb-item>
              </el-breadcrumb>
          </template>
      </el-page-header>
  </div>
  <br />
  <div class="personal-center">
      <div class="heading">用户个人信息</div><br/>
      <table class="demo-border" style="width: 60%;">
          <tbody>
              <tr>
                  <td class="text">用户：</td>
                  <td class="text" v-text=aaa.teacherName></td>
              </tr><br/>
              <tr>
                  <td class="text">性别：</td>
                  <td class="text" v-text=aaa.teacherSex></td>
              </tr><br/>
              <tr>
                  <td class="text">电话：</td>
                  <td class="text" v-text=aaa.teacherPhone></td>
              </tr><br/>
              <tr>
                  <td class="text">企业：</td>
                  <td class="text" v-text=aaa.companyName></td>
              </tr><br/>
              <tr>
                  <td class="text">身份：</td>
                  <td class="text"><el-tag size="small">校外教师</el-tag></td>
              </tr><br/>
              <tr>
                  <td class="text">所属行业：</td>
                  <td class="text" v-text=aaa.companyTrade></td>
              </tr><br/>
          </tbody>
      </table><br/>
      <div
          style="height: 270px; width: auto; border-style:dashed;border-width: 0.1px;border-color: gray;border-radius:10px;">
          <p style="text-indent: 2em; color: #545c64; size: 3px;">
              1.本系统的此模块仅对与中原工学院有合作的企业指导教师开放，希望您可以严格按照相关安排进行教学与指导，如果遇到任何问题请及时和校内负责人联系；
          </p>
          <p style="text-indent: 2em; color: #545c64; size: 3px;">2.请公正教学，做好充分的课程安排准备工作；</p>
          <p style="text-indent: 4em; color: #545c64; size: 3px;">3·请严格遵守学院行为规范要求，拒绝与学生出现不合理行为；</p>
          <p style="text-indent: 4em; color: #545c64; size: 3px;">4·禁止在校内的实践指导中穿插与教学无关的内容；</p>
          <p style="text-indent: 4em; color: #545c64; size: 3px;">5·禁止卖货、打广告、引导学生就业等违规行为；</p>
          <p style="text-indent: 4em; color: #545c64; size: 3px;">6·请严格遵守系统使用规则，不外传账号，禁止借助他人使用系统，禁止泄露学生各项信息，如果发现追究法律责任。</p>
      </div>
  </div>
</template>

<script setup>
import { ref, onBeforeMount } from 'vue'
import requests from '@/api/ajax';

onBeforeMount(() => {
  //初始显示老师所有信息
  const asd = requests({ url: "/outer/myDetail", method: "get", }).then(res => {
    //存储用户信息到浏览器toke
    const abc = res.rdata
    aaa.value = abc

  })
    .catch(err => {
      console.error(err.data);
      // 登录请求失败后的操作
    });
})

//教师所有教学大纲的存放地
const aaa = ref([{ 
  teacherPhone:'',
  teachId: '',
  teachName: "",
  companyId:'',
  companyName:'',
  teacherSex:'',
  companyInfo:'',
  companyPhone:'',
  companyTrade:'',
  companyPassword:'',
}])
</script>


<style scoped>
.demo-border .text {
width: 15%;
}
.demo-border .line {
width: 70%;
}
.demo-border .line div {
width: 100%;
height: 0;
border-top: 1px solid var(--el-border-color);
}
.demo-border .line .dashed {
border-top: 2px dashed var(--el-border-color);
}
</style>